
document.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('.zp-select-hiddeninput-html').innerHTML = hljs.highlight(`<!--单选框-->
<input type="hidden" name="name" value="a">

<!--多选框-->
<input type="hidden" name="name[]" value="a">
<input type="hidden" name="name[]" value="b">
<input type="hidden" name="name[]" value="c">`,
    {language: 'xml'}
  ).value;
  document.querySelector('.zp-select-default-html').innerHTML = hljs.highlight(`<script src="http://zx4.com:8001/kits/webcomponents/form/select.js" type="module" defer></script>
<zp-select name="name">
  <zp-option value="a">小明</zp-option>
  <zp-option value="b">小红</zp-option>
  <zp-option value="c">小泽</zp-option>
</zp-select>`,
    {language: 'xml'}
  ).value;
  document.querySelector('.zp-select-multi-html').innerHTML = hljs.highlight(`<script src="http://zx4.com:8001/kits/webcomponents/form/select.js" type="module" defer></script>
<zp-select name="name[]" multi="1">
  <zp-option value="a">多愁的小明</zp-option>
  <zp-option value="b">善感的小鹏</zp-option>
  <zp-option value="c">迸发的小泽</zp-option>
</zp-select>`,
    {language: 'xml'}
  ).value;
});